<!DOCTYPE html >
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../css/css.css" rel="stylesheet" media="screen" type="text/css" />
</head>
<body>
<div class="con">
  <div class="head">
    <div class="logo"><img src="../images/logo (2).jpg" /></a></div>
    <div class="nav">
      <ul>
        <li><a href="..index.html">首页 </a></li>
        <li><a href="html\马面溯源.html">马面溯源 </a></li>
        <li><a href="html\裙褶之美.html">裙褶之美 </a></li>
        <li><a href="gezhong.html">文化蕴意 </a></li>
        <li><a href="html\历久弥新.html">历久弥新 </a></li>
        <li><a href="">留言建议 </a></li>
      </ul>
    </div>
    <div class="clear"></div>
    <!------------------ end nav--------------------------->
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="main">
    <div class="left">
     
      <div class="search">
        <input class="s_input" />
      </div>
      <div class="left_nav">
        <ul>
          <li><a href="html\各种马面.html">各种马面 </a><span><a href="#"> </a></span></li>
          <li><a href="html\马面展览.html">马面展览 </a><span><a href="#"> </a></span></li>
          <li><a href="html\留言建议.html">留言建议 </a><span><a href="#"> </a></span></li>
        </ul>
      </div>
        <!------------------ end left_nav--------------------------->
        
      </div>
      <!------------------ end left--------------------------->
      head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>纯CSS实现轮播图效果</title>
    <link rel="stylesheet" href="css\轮播.css">
</head>

<body>
    <div class="swipe">
        <!-- 指示器 -->
      <input type="radio" name="indicator" id="indicator1" checked hidden>
      <label for="indicator1"></label>        
      <input type="radio" name="indicator" id="indicator2" hidden>
      <label for="indicator2"></label>        
      <input type="radio" name="indicator" id="indicator3" hidden>
      <label for="indicator3"></label>

        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </div>
</body>

</html>
        <div class="right_nav">
             <h2>马面简介</h2>
          <p>马面裙是中国汉服中的一种主要裙式，由前后四个裙门组成，两两重合，侧面打裥，中间裙门重合的光面称“马面” 。 </p>
          <p>其历史悠久，可追溯到宋代旋裙，历经辽、金、元等阶段，在明代成熟，清代达到鼎盛 。民国后渐简约，后走向末梢，如今又重焕生机  。</p>
          <p>马面裙整体呈梯形，上窄下宽，平铺为扇形 。制作强调“物尽其用”，多幅拼缝，少裁剪 。根据色彩、用途等有多种分类，如单色裙、月华裙、嫁衣裙等  。</p>
          <p>它不仅体现了中华民族节俭美德，其设计还融入螺钿、皮影等元素，传播非遗文化  。同时，马面裙承载着历史记忆与文化基因，是文化自信的体现 。</p>
          <p></p>
          
         </div>
        <!------------------ end right_nav---------------------------> 
              <div class="Gallery_nav pt20">
        <ul>
          <h3>马面展览</h3>
          <li><a href="#"><img src="images/zhanlan/1.jpg" /></a></li>
          <li><a href="#"><img src="images/zhanlan/9.jpg" /></a></li>
          <li><a href="#"><img src="images/zhanlan/10.jpg" /></a></li>
          <li><a href="#"><img src="images/zhanlan/11.jpg" /></a></li>
   </ul>
      </div>
       </div>
      
      <div class="clear"></div>
    </div>
    
   
</body>
</html>
